// 官方文档：https://cli.vuejs.org/zh/guide/webpack.html#简单的配置方式
// vue.config.js
// 需要通过 npm 安装两个依赖包
// 🚩 npm install autoprefixer postcss-px-to-viewport
const autoprefixer = require('autoprefixer') // 自动添加CSS样式兼容前缀
const pxtoviewport = require('postcss-px-to-viewport') // px自动转vw单位

module.exports = {
  // 配置Webpack
  configureWebpack: {
    //添加或更改的 webpack 配置
  },
  css: {
    loaderOptions: {
      postcss: {
        plugins: [
          autoprefixer(),
          pxtoviewport({
            // 设计稿的宽度 100vw  => 360px
            viewportWidth: 360,
          }),
        ],
      },
    },
  },
}

// 🧨 配置修改了，记得重启 VueCli 脚手架工具
